<!-- Importamos los metodos js del abm de pagos -->
<script type="text/javascript" src="<?php echo base_url(); ?>js/pagos.js"></script>

<!-- Identificador de seccion -->
<div>
	<hr>
	<ul class="breadcrumb">
		<li>
			<a href="<?php echo(site_url("inicio")); ?>">Home</a><span class="divider">/</span>
		</li>
		<li>
			<a href="<?php echo(current_url()); ?>">Pagos a Clientes Referentes</a>
		</li>
	</ul>
	<hr>
</div>

<!-- start: Botonera Superior -->
<div class="row-fluid">					
	<a href="<?php echo(site_url("inicio")); ?>" class="quick-button-small span1">
		<i class="fa-icon-home"></i>
		<p>Home</p>						
	</a>
	<a href="<?php echo(site_url("pago/abrirPantallaCrear/".$idClienteSel)); ?>" class="quick-button-small span1">
		<i class="fa-icon-ok green"></i>
		<p>Crear</p>
	</a>
</div>
<!-- end: Botonera Superior -->

<!-- start: Filtrado de clientes -->
<div class="row-fluid">
	<div class="box span12">
		<div class="box-header" data-original-title>
			<h2><i class="icon-user"></i><span class="break"></span>Filtrado por Cliente:</h2>
			<div class="box-icon">
				<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>				
			</div>
		</div>
		<div class="box-content">
			<div class="control-group">				
				<div class="controls">
					<select id="cliente" name="cliente" data-rel="chosen" onchange="filtrarPagosXClientes('<?php echo(base_url()."pago/consultar") ?>');">
						<option value="0" selected="selected">Todos</option>
						<?php
							//Recorremos todos los clientes que nos paso el controlador y generamos el selector
							foreach ($clientes->result() as $cliente){
								if($cliente->idCliente == $idClienteSel){
									echo ('<option selected="selected" value="'.$cliente->idCliente.'">'.$cliente->apellido.', '.$cliente->nombre.'</option>');
								}else{
									echo ('<option value="'.$cliente->idCliente.'">'.$cliente->apellido.', '.$cliente->nombre.'</option>');
								}
							}
						?>
					</select>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- end: Filtrado de clientes  -->

<!-- Listado de Pagos -->
<div class="row-fluid">
	<div class="box span12">
		<div class="box-header" data-original-title>
			<h2><i class="fa-icon-credit-card"></i><span class="break"></span>Pagos a Clientes</h2>
			<div class="box-icon">
				<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>				
			</div>
		</div>
		<div class="box-content">			
			<table class="table table-striped table-bordered bootstrap-datatable datatable">
				<thead>
					<tr>
						<th>Cliente</th>
						<th>Monto</th>
						<th>Observaci&oacute;n</th>
						<th>Creaci&oacute;n</th>
						<th>Estado</th>
						<th>Acciones</th>
					</tr>
				</thead>   
				<tbody>
					<?php
						//Recorremos todos los pagos a clientes que nos paso el controlador y generamos la tabla html
						foreach ($pagos->result() as $pago){
							echo('<tr>');
								echo ('<td>' . $pago->apellidoCliente . ', ' . $pago->nombreCliente . '</td>');
								
								echo ('<td class="center"> $' . $pago->monto . '.00</td>');
								echo ('<td class="center">' . $pago->observacion . '</td>');
								echo ('<td class="center">' . $pago->fechaCreacionFormateada . '</td>');
								
								if($pago->estado == 1)
									echo ('<td class="center"><span class="label label-success">Pagado</span></td>');
								else if($pago->estado == 0)
									echo ('<td class="center"><span class="label label-important">No Pagado</span></td>');
								else
									echo ('<td class="center"><span class="label label-warning">Pendiente </span></td>');
								
								echo('<td class="center">
										<a class="btn btn-info" href="'.site_url('pago/abrirPantallaModificar/'.$pago->idPago).'" title="Modificar Pago">
											<i class="icon-edit icon-white"></i>  
										</a>
										<a onclick="eliminarPago(\''.base_url().'pago/eliminar/'.$pago->idPago.'\', \''.$pago->apellidoCliente .', '.$pago->nombreCliente.'\')" class="btn btn-danger" href="#" title="Eliminar Pago">
											<i class="icon-trash icon-white"></i>
										</a>
									</td>');
							echo('</tr>');
						}
					?>
				</tbody>
			</table>
			
			<table class="table table-striped table-bordered bootstrap-datatable datatable2">
				<tbody>					
					<tr class="error">
						<td><strong>Total Pagado:</strong></td>
						<td class="center">$<?php echo($totalPagado->row()->total); ?></td>						
					</tr>				
				</tbody>
			</table>
		</div>
	</div><!--/span-->
</div><!--/row-->

<hr>